<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>自定义属性</title>
	</head>
	<body>
		<!--
			定义:			
			规范:
				1. data-开头
				2. data-后必须至少有一个字符
			建议:
				1. 名称应该都使用小写,不要包含任何的大写字符
				2. 名称中不要有任何的特殊符号
				3. 名称不要全部使用纯数字
		-->
		
		<p data-school-name="itcast">我是p标签</p>
		
		
		<script type="text/javascript">
			window.onload = function () {
				
				var p=document.querySelector("p");
				/**
				 *获取自定义属性
				 * 将data-后面的单词使用驼峰命名链接,不然取不到值
				 * */
				var value=p.dataset["schoolName"];
				console.log(value)
			}
		</script>
		
	</body>
</html>
